@import './base.css';

/* 项目主题配色方案 */
:root {
  --primary-color-lightest: #f7fbfc;
  --primary-color-light: #d6e6f2;
  --primary-color-medium: #b9d7ea;
  --primary-color-dark: #769fcd;
}

/* 暗色主题配色方案 */
:root[data-theme="dark"] {
  --primary-color-lightest: #1a1a1a;
  --primary-color-light: #2d3e50;
  --primary-color-medium: #4a6b8a;
  --primary-color-dark: #769fcd;
}

#app {
  width: 100%;
  height: 100%;
  font-weight: normal;
}

a {
  text-decoration: none;
  color: var(--primary-color-dark);
  transition: 0.3s;
}

@media (hover: hover) {
  a:hover {
    color: #5a83b0;
  }
}
